<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="Javi Basauri">
<link rel="shortcut icon" href="assets/ico/favicon.png">
<script type="text/javascript" src="js/utils.js"></script>
<script type="text/javascript" src="js/jScript.js"></script>
<script type="text/javascript" src="js/validation.js"></script>


<title>Cadena de favores</title>

<!-- Bootstrap core CSS -->
<link href="dist/css/bootstrap.css" rel="stylesheet">

<!-- Custom styles for this template -->
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css">
<link href="css/signin.css" rel="stylesheet">
<link href="css/social-buttons.css" rel="stylesheet">

<!-- My CSS -->

<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
      <script src="assets/js/html5shiv.js"></script>
      <script src="assets/js/respond.min.js"></script>
    <![endif]-->
</head>

<body>

	<div class="navbar navbar-inverse navbar-fixed-top">
		<div class="container">
			<div class="navbar-header">
				<button type="button" class="navbar-toggle" data-toggle="collapse"
					data-target=".navbar-collapse">
					<span class="icon-bar"></span> <span class="icon-bar"></span> <span
						class="icon-bar"></span>
				</button>
				<a class="navbar-brand" href="./">Cadena de Favores</a>
			</div>
			<div id="tabs" class="navbar-collapse collapse">
				<ul class="nav navbar-nav">
					<li class="active"><a href="#">Home</a></li>
					<li><a id="about" href="#about">About</a></li>
					<li><a href="#contact">Contact</a></li>

				</ul>
				<form name="form" class="navbar-form navbar-right">
					<div class="form-group">
						<input name="email" type="text" placeholder="Email"
							class="form-control">
					</div>
					<div class="form-group">
						<input name="pswd" type="password" placeholder="Password"
							class="form-control">
					</div>
					<?php


					if (isset($_GET['errorea']) && $_GET['errorea']=='1'){
						echo "<button class=\"btn btn-danger\" onclick=\"loginUser();\">Vuelva a intentarlo</button>";

					}else{
						echo "<button class=\"btn btn-success\" onclick=\"loginUser();\">Entrar</button>";
			}?>
				</form>
			</div>
			<!--/.navbar-collapse -->
		</div>
	</div>
	<div class="jumbotron">
		<h1>¿Qué es?</h1>
		<p >Cadena de favores es una red social en la que la gente
			intercambia favores a cambio de tiempo en vez de dinero.</p>
		<a id="userMod" data-toggle="modal" href="#myModal"
			class="btn btn-google-plus">¡Quiero formar parte!</a>
			<button class="btn btn-twitter" onClick="location.href='./OAuth/OauthController.php'"><i class="fa fa-twitter"></i> | Conéctate con Twitter</button>

	</div>

	<div class="container marketing">

		<div class="featurette">
			<img class="featurette-image pull-right" src="images/logoFavores.png">
			<h2 class="featurette-heading">
				<span class="mutted">El</span> TIEMPO <span class="muted">es más
					valioso que el dinero</span>
			</h2>
			<p class="lead">Cadena de favores te da la oportunidad de recibir
				servicios como: enseñanza, electricistas... ¡A cambio de tiempo y no
				de dinero!</p>
		</div>
		<!-- <hr class="featurette-divider"> -->
	</div>

	<!-- Modal -->
	<div class="modal fade" id="myModal" tabindex="-1" role="dialog"
		aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"
						aria-hidden="true">&times;</button>
					<h4 class="modal-title">Nuevo Usuario</h4>
				</div>
				<div class="modal-body">
					<?php include("php/newUser.php")?>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
					<button type="button" class="btn btn-primary" onclick="addUser();">Enviar
						y entrar</button>
				</div>
			</div>
			<!-- /.modal-content -->
		</div>
		<!-- /.modal-dialog -->
	</div>
	<!-- /.modal -->


	<!-- Bootstrap core JavaScript
    ================================================== -->
	<!-- Placed at the end of the document so the pages load faster -->
	<script type="text/javascript" src="assets/js/jquery.js"></script>
	<script type="text/javascript" src="dist/js/bootstrap.js"></script>
	<script type="text/javascript" src="js/bootstrap-datepicker.js"></script>
	<script type="text/javascript">
	
	
	
	$('#datepicker').datepicker({
	    format: 'yyyy-mm-dd'
	});
	$(function () {
	    $('#about').popover({
		    title: '¿Quienes somos?',
		    html: true,
		    content: '<div id="pop1">Somos una ONG de costa rica que hemos creado esta especie de red social para que la gente puede obetener recursos mediante su conocimiento y no su dinero.</div>',
	        placement: 'bottom'
	    });
	});

	</script>
</body>
</html>
